<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>job361</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/sm.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
  </head>
  <body>
    <div class="page-group back">
        <div class="page page-current back">
        <header class="bar bar-nav">
		  <a class="button button-link button-nav pull-left external" href="inten.html">
		    <span class="icon icon-left"></span>
		  </a>
		  <button class="button button-link button-nav pull-right baocu">
		    保存
		  </button>
		  <h1 class="title">教育经历</h1>
		</header>
		
		<div class="content pull-to-refresh-content" data-ptr-distance="20">
			 <!-- 默认的下拉刷新层 -->
			    <div class="pull-to-refresh-layer">
			        <div class="preloader"></div>
			        <div class="pull-to-refresh-arrow"></div>
			    </div>
		  <div class="list-block jjyl">
		    <ul>
		    	<!-- 学校名称 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">学校名称</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入学校名称">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 入学时间 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">入学时间</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       <!-- 毕业时间 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">毕业时间</div>
		            <div class="item-input">
		              <input type="text" data-toggle='date' />
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		       
		      <!-- 专业名称 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">专业名称</div>
		            <div class="item-input">
		              <input type="text" placeholder="输入专业">
		            </div>
		          </div>
		        </div>
		      </li>
		      <!-- 学历学位 -->
		      <li>
		        <div class="item-content">
		          <div class="item-media"></div>
		          <div class="item-inner">
		            <div class="item-title label">学历/学位</div>
		            <div class="item-input">
		              <select>
		              	<option>选择</option>
		                <option>博士</option>
		                <option>硕士</option>
		                <option>本科</option>
		                <option>专科</option>
		                <option>高中</option>
		                <option>初中</option>
		                <option>小学</option>
		              </select>
		            </div>
		            <span class="icon icon-right"></span>
		          </div>
		        </div>
		      </li>
		      <!-- 添加一条教育经历 -->
		      <li>
		        <div class="item-content" id="add">
		          <div class="item-media lef"><span class="icon icon-app colo"></span></div>
		          <div class="item-inner">
		            <div class="item-title label widt">添加一条教育经历</div>
		          </div>
		        </div>
		      </li>
		    </ul>
		  </div>

		  <div class="content-block botto">
		    <p class="padd"><a href="exper.html" class="button button-big bor external">下一步：完善工作经历(3/7)</a></p>
		  </div>
        </div>
    </div>
    </div>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
		<script>$.init()</script>
		<script type="text/javascript" src="js/reload.js" ></script>
	<script>
	$("#resu").picker({
	  toolbarTemplate: '<header class="bar bar-nav">\
	  <button class="button button-link pull-right close-picker">确定</button>\
	  <h1 class="title">意向国家</h1>\
	  </header>',
	  cols: [
	    {
	      textAlign: 'center',
	      values: ['英国', '法国', '韩国', '日本', '新加坡', '澳大利亚', '新加坡', '澳大利亚']
	      //如果你希望显示文案和实际值不同，可以在这里加一个displayValues: [.....]
	    },
	    {
	      textAlign: 'center',
	      values: ['英国', '法国', '韩国', '日本', '新加坡', '澳大利亚', '新加坡', '澳大利亚']
	    },
	    {
	      textAlign: 'center',
	      values: ['英国', '法国', '韩国', '日本', '新加坡', '澳大利亚', '新加坡', '澳大利亚']
	    }
	  ]
	});
	</script>
	<script>
		$(function(){
	     $(document).on('click','#add',function () {
	        $.ajax({
			   type: "post", 
               url: "", 
               dataType: "json", 
               contentType: "application/x-www-form-urlencoded; charset=UTF-8",
               success: function (data) { 
					$('.jjyl').hide();
					$(".content").append("");
               }, 
             error : function() {
				alert("请求失败！");
			}
			});
	     });
	  })
	</script>
  </body>
</html>